<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>租车用车 详情</title>
        <link rel="stylesheet" href="css/frozen.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/zepto.min.js"></script>
        <script src="js/frozen.js"></script>
        <script src="js/jquery-1.9.1.min.js"></script>
        <script src="js/lib/juicer-min.js"></script>
        <script src="js/global.js"></script>
        <script src="js/jquery.jsonp.js"></script>
        <script type="text/javascript" src="cordova.js"></script>
        <script src="plugins/callActivity.js"></script>
        <script src="js/biz/car/car_detail.js"></script>
        <style>
            .ui-slider-content li span{
                width:100%;
                margin-left: 0;
            }
        </style>
    </head>
    <body ontouchstart="" class="grey">
        <header class="ui-header ui-header-positive ui-border-b">
            <i class="ui-icon-return" onclick="history.back()"></i>
            <h1>服务详情</h1>
            <i class="ui-icons-more" id="m_add"></i>
        </header>
        <!-- 下拉 -->
        <div class="w_cebiaoti">
            <div class="w_bga">
                <ul>
                    <li class="w_shac" onclick=""><a><img src="img/shoucang.png"><i class="sc">收藏</i></a></li>
                    <li class="w_fxx"><a><img src="img/fenxiang.png"><i>分享</i></a></li>
                    <li><a href="jubao.html"id="jubao"><img src="img/jubao.png"><i>举报</i></a></li>
                    <li class="w_none"><b><img src="img/m_top.png"></b></li>
                </ul>           
            </div>
        </div> 
        <div class="w_cs">
        	<div id="divbox" class="w_ysha">已收藏</div> 
        </div>
        <div class="w_fxaa">
        	<div class="w_fengx"></div>
        	<div class="w_fxbox">
            	<a href="#"><img src="img/qq.png"></a>
                <a href="#"><img src="img/weixin.png"></a>
                <a href="#"><img src="img/weibo.png"></a>
                <a href="#"><img src="img/pengyou.png"></a>
            </div>
        </div>
        <script type="text/javascript">
            //下拉
            $("#m_add").click(function(){
                $(".w_cebiaoti").slideToggle();
            });
			//消失
			function codefans(){ 
			var box=document.getElementById("divbox"); 
			box.style.display="none"; 
			} 
			setTimeout("codefans()",3000);//3秒 			
			Zepto(".w_cs").tap(function(){
                Zepto(".w_ysha").hide();
            });
			//收藏显示
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_ysha").show();
//            });
//			Zepto(".w_shac").tap(function(){
//                Zepto(".w_shac").hide();
//            });
			//分享
			Zepto(".w_fxx").tap(function(){
               // Zepto(".w_fxaa").show();
               shareUmeng("走青海","http://qzonestyle.gtimg.cn/qzone_v6/proj_connect_open/img/logo/logo_yinyuetai.png");
            });
			//Zepto(".w_fengx").tap(function(){
              //  Zepto(".w_fxaa").hide();
            //});
        </script> 
        <section class="ui-container mb50">
            <div class="ui-user-follow ui-border-b clearfix" id="car_detail">
                <script type="text/juicer" id="user_tpl">
                <div class="ui-user-follow-info clearfix">
                    <div class="ui-user-avatar">
                        <img src="${photo}" width="55" height="55" alt="">
                    </div>
                    <div class="ui-user-intro">
                        <p>${rcarNaem}
                            {@if sex===2 }
                                <span class="sex sex-female no-left"><i class="icons-sex-female"></i>${age}</span>
                                {@else}
                                <span class="sex sex-male no-left"><i class="icons-sex-male"></i>${age}</span>
                            {@/if}
                        </p>
                        <p class="color666 fz14"><button class="ui-btn-s ui-btn-transparent-blue mr10">实名</button><button class="ui-btn-s ui-btn-transparent-blue mr10">驾驶证</button></p>
                    </div>
                </div>
                </script>
            </div>
            <div class="demo-block">
                <div class="ui-slider">
                    <ul class="ui-slider-content" style="width: 300%">
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                        <li><span style="background-image:url(http://placeholder.qiniudn.com/640x200)" class="bacim"></span></li>
                    </ul>
                </div>
            </div>
            <script class="demo-script">
            (function (){
                var slider = new fz.Scroll('.ui-slider', {
                    role: 'slider',
                    indicator: true,
                    autoplay: true,
                    interval: 3000
                });
                slider.on('beforeScrollStart', function(fromIndex, toIndex) {});
                slider.on('scrollEnd', function(cruPage) {});
            })();
            </script>
            <div class="ui-form ui-form-display" id="car_detail01">
                <script type="text/juicer" id="cdetail_tpl">
                    <div class="ui-product-price clearfix">
                    <div class="left">
                        <h2>${carModel}</h2>
                        <p class="ui-txt-muted"><i class="icons-lbs"></i>距离<span id="distance"></span>KM</p>
                    </div>
                    <div class="right ui-txt-highlight">
                        ${price}元/天
                    </div>
                    </div>
                    <a href="car_allpingjia.html?rcarId=${id}">
                    <div class="ui-form-item ui-border-b ui-form-item-link h25 ui-txt-highlight">
                        {@if star!=null&&star!=undefined}<span class="ui-star ui-star-${star}"></span> ${star}分{@else}<span class="ui-star ui-star-1"></span> 1分{@/if}<span class="text-right" id="number">200人评价</span>
                    </div>
                    </a>
                </script>
            </div>
            <div class="ui-dy">
                <h2>服务内容</h2>
                <div class="ui-article">
                    <div class="wrapper">
                        行程安排一（一日游 ）
D1 西宁--门源--岗什卡雪峰（远观）--祁连大草原--祁连县（夜宿）
景色景点包括：茶卡盐湖，青海湖151，倒淌河，日月山，丹戈尔古城，湟源峡谷，或由青海湖151，洱海，环湖东路，金沙湾，金银滩等亲们注意旺季六七八月份如需预订，请打电话告知行程，日程，时间，师傅会提出合理化建议，双方约定行程后，交付订金，
                    </div>
                </div>
                <h2>特别提示</h2>
                <div class="ui-article">
                    <div class="wrapper">
                        高原气候多变温差较大请准备雨具及注意保暖。高原反应青海湖平均海拔3000米。部分人会在海拔3000米以上的地方产生高原反应症状，例如头晕、头疼、全身无力、失眠等，
                    </div>
                </div>
                <h2>游客点评</h2>
                <div class="ui-comment-list pt10">
                    <ul id="ui-comment-list"></ul>
                    <div class="ui-comment-more ui-border-b h25 fz14 text-align-center">
                        <a href="" id="all_pj">查看全部评价</a>
                    </div>
                </div>
            </div>
        </section>
        <div class="bottom-contact">
            <ul class=" clearfix">
                <li class="bottom-contact-chat" onclick="jumptoChating()" id="chat"><i class="icons-chat"></i>私聊</li>
                <a href=""id="telphone"><li class="bottom-contact-tel"><i class="icons-tel"></i>电话咨询</li></a>
            </ul>
        </div>
        <!--<div class="ui-dialog-index "  style="display:none;">-->

            <!--<header class="ui-dialog-hd ui-border-b">-->
                <!--&lt;!&ndash;<ul>&ndash;&gt;-->
                    <!--&lt;!&ndash;<span style="font-size:15px;padding-left:375px;margin-top:-6px;color:red"class="xx">X</span>&ndash;&gt;-->
                <!--&lt;!&ndash;</ul>&ndash;&gt;-->
                <!--<p>服务电话 <p>-->
            <!--</header>-->
            <!--<div class="emergency-call">-->
                <!--<ul>-->
                    <!--<a href="tel:56789390"><li class="ui-border-t">道路救援 : 56789390</li></a>-->
                    <!--<a href="tel:56789390"><li class="ui-border-t">住宿房间 : 56789390</li></a>-->
                    <!--<a href="tel:56789390"><li class="ui-border-t">商务合作 : 56789390</li></a>-->
                    <!--<a href="tel:56789390"><li class="ui-border-t">用户支持 : 56789390</li></a>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
    <!--<script>-->
        <!--var inde = 1;-->
                    <!--Zepto(".bottom-contact-tel").tap(function(){-->
                        <!--if(inde == 1){-->
                            <!--inde = 2;-->
                            <!--Zepto(".ui-dialog-index").show();-->
                        <!--}else{-->
                            <!--inde = 1;-->
                            <!--Zepto(".ui-dialog-index").hide();-->
                        <!--}-->
                    <!--});-->
        <!--&lt;!&ndash; Zepto(".ui-dialog").tap(function(){&ndash;&gt;-->
        <!--&lt;!&ndash;    Zepto(".ui-dialog").hide();&ndash;&gt;-->
        <!--&lt;!&ndash; }); &ndash;&gt;-->
    <!--</script>-->
    </body>
</html>